<template id="tips">
  <div class="tip">
    <div class="tip-top"
         @mousedown.prevent.stop="$parent.Move('.tip',index)"
         @mouseup.prevent.stop="$parent.MoveUp('.tip',index)">
      <img src="../assets/img/exe.png" alt="">
      <span class="tip-title">{{title}}</span>
      <span class="tip-close" @click.prevent.stop="$parent.toggle(index)">╳</span>
    </div>
    <div class="tip-content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name:'Cpn',
  props:['title','index']
}

</script>

<style>
  @import '../assets/css/childComps.css';
</style>